<template>
    <el-card class="box-card" shadow="never">
        <div class="avatar">
            <a href="#">
                <img class="round" src="../assets/avatar.jpg" alt="">
            </a>
        </div>
        <div class="name">mircool</div>

        <el-row>
            <el-col :span="8">
                <div class="info">
                    <div class="value">260</div>
                    <div class="key">关注</div>
                </div>
            </el-col>
            <el-col :span="8">
                <div class="info">
                    <div class="value">1008</div>
                    <div class="key">粉丝</div>
                </div>
            </el-col>
            <el-col :span="8">
                <div class="info">
                    <div class="value">30</div>
                    <div class="key">微博</div>
                </div>
            </el-col>
        </el-row>

    </el-card>

</template>

<script>
export default {};
</script>

<style scoped>
.box-card {
  text-align: center;
}

.avatar img {
  width: 80px;
}


.name{
    padding: 10px;
    font-size: 18px;
    font-weight: bolder;

}

.info{
    font-size: 14px;
}

.value{
    font-weight: bolder;
}

.key{
    color: #909399;
}
</style>


